<!--
 * @Author: your name
 * @Date: 2020-10-15 08:41:15
 * @LastEditTime: 2020-10-15 09:57:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\components\home\policy.vue
-->
<template>
    <div class="policy mt10 mb70">
        <ul class="policy_ul">
            <li class="li s3">2 Years warranty on all frames</li>
            <li class="li s3">All orders arrive 6-8 days</li>
            <li class="li s3">30-Day money return guarantee</li>
            <li class="li s3">365 Days friendly customer service</li>
        </ul>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
@import '~/assets/scss/index.scss';
    .policy {
        max-width:1200px;
        margin:0 auto;
        background: #fff;
        display: flex;
        &_ul {
            @include flex();
            width: $s100;
            .li {
                @include flex-center(center);
                border-left: 1px solid $ddd;
                border-top: 1px solid $ddd;
                border-bottom: 1px solid $ddd;
                background: #f2f7f7;
                height: 50px;
                box-sizing: border-box;
                font-weight: bold;
                color: #333;
                &:last-child {
                    border-right: 1px solid $ddd;
                }
            }
        }
    }
</style>